<script>
	import Vue from 'vue'
	import appUpdate from 'common/util/appUpdate.js'
	export default {
		onLaunch: function() {
			uni.getSystemInfo({
				success: function(e) {
					
					// #ifdef APP-PLUS
					// 检测升级
					appUpdate()
					// #endif
					// #ifndef MP
					Vue.prototype.StatusBar = e.statusBarHeight;
					if (e.platform == 'android') {
						Vue.prototype.CustomBar = e.statusBarHeight + 50;
					} else {
						Vue.prototype.CustomBar = e.statusBarHeight + 45;
					};
					// #endif

					// #ifdef MP-WEIXIN
					Vue.prototype.StatusBar = e.statusBarHeight;
					let custom = wx.getMenuButtonBoundingClientRect();
					Vue.prototype.Custom = custom;
					Vue.prototype.CustomBar = custom.bottom + custom.top - e.statusBarHeight;
					// #endif		

					// #ifdef MP-ALIPAY
					Vue.prototype.StatusBar = e.statusBarHeight;
					Vue.prototype.CustomBar = e.statusBarHeight + e.titleBarHeight;
					// #endif
					
					// #ifdef APP-PLUS
					//Vue.prototype.$api.listenTranMsg()
			// 		var info = plus.push.getClientInfo();
			
			// 		/* 5+  push 消息推送 ps:使用:H5+的方式监听，实现推送*/
			// 		plus.push.addEventListener("click", function(msg) {
			// 			console.log("click:" + JSON.stringify(msg));
			// 			console.log(msg.payload);
			// 			console.log(JSON.stringify(msg));
			// 			//这里可以写跳转业务代码
			// 		}, false);
			// 		// 监听在线消息事件    
			// 		plus.push.addEventListener("receive", function(msg) {
			// 			// plus.ui.alert(2);  
			// 			//这里可以写跳转业务代码
			// 			console.log("recevice:" + JSON.stringify(msg))
			// 		}, false);
					// #endif
					
					//Vue.prototype.$api.initLogin()
					
				}
			})
            Vue.prototype.NavBarColor='bg-gradual-blue'
            Vue.prototype.Radio_Check_Size='scale(0.7)'
            Vue.prototype.bannerList=[
           		  {id:1,type: 'image',url: 'https://static.jeecg.com/upload/test/banner0_1595850438042.jpeg', link: ''},
           		  {id:2,type: 'image',url: 'https://static.jeecg.com/upload/test/banner2_1595818081327.jpg', link: ''},
           		  {id:3,type: 'image',url: 'https://static.jeecg.com/upload/test/oabanner-2_1595648520760.png', link: ''},
           		  {id:4,type: 'image',url: 'https://static.jeecg.com/upload/test/banner5_1595818089013.jpeg', link: ''},
           	]	
			Vue.prototype.ColorList = [{
					title: '嫣红',
					name: 'red',
					color: '#e54d42'
				},
				{
					title: '桔橙',
					name: 'orange',
					color: '#f37b1d'
				},
				{
					title: '明黄',
					name: 'yellow',
					color: '#fbbd08'
				},
				{
					title: '橄榄',
					name: 'olive',
					color: '#8dc63f'
				},
				{
					title: '森绿',
					name: 'green',
					color: '#39b54a'
				},
				{
					title: '天青',
					name: 'cyan',
					color: '#1cbbb4'
				},
				{
					title: '海蓝',
					name: 'blue',
					color: '#0081ff'
				},
				{
					title: '姹紫',
					name: 'purple',
					color: '#6739b6'
				},
				{
					title: '木槿',
					name: 'mauve',
					color: '#9c26b0'
				},
				{
					title: '桃粉',
					name: 'pink',
					color: '#e03997'
				},
				{
					title: '棕褐',
					name: 'brown',
					color: '#a5673f'
				},
				{
					title: '玄灰',
					name: 'grey',
					color: '#8799a3'
				},
				{
					title: '草灰',
					name: 'gray',
					color: '#aaaaaa'
				},
				{
					title: '墨黑',
					name: 'black',
					color: '#333333'
				},
				{
					title: '雅白',
					name: 'white',
					color: '#ffffff'
				},
			]

		},
		onShow: function() {
			console.log('App Show')
		},
		onHide: function() {
			console.log('App Hide')
		}

	}
</script>

<style lang="scss">
	@import "plugin/colorui/main.css";
	@import "plugin/colorui/icon.css";
    @import "plugin/colorui/animation.css";
	@import "plugin/colorui/iconfont.css";
	.nav-list {
		display: flex;
		flex-wrap: wrap;
		padding: 0px 40upx 0px;
		justify-content: space-between;
	}

	.nav-li {
		padding: 30upx;
		border-radius: 12upx;
		width: 45%;
		margin: 0 2.5% 40upx;
		background-image: url(https://cdn.nlark.com/yuque/0/2019/png/280374/1552996358352-assets/web-upload/cc3b1807-c684-4b83-8f80-80e5b8a6b975.png);
		background-size: cover;
		background-position: center;
		position: relative;
		z-index: 1;
	}

	.nav-li::after {
		content: "";
		position: absolute;
		z-index: -1;
		background-color: inherit;
		width: 100%;
		height: 100%;
		left: 0;
		bottom: -10%;
		border-radius: 10upx;
		opacity: 0.2;
		transform: scale(0.9, 0.9);
	}

	.nav-li.cur {
		color: #fff;
		background: rgb(94, 185, 94);
		box-shadow: 4upx 4upx 6upx rgba(94, 185, 94, 0.4);
	}

	.nav-title {
		font-size: 32upx;
		font-weight: 300;
	}

	.nav-title::first-letter {
		font-size: 40upx;
		margin-right: 4upx;
	}

	.nav-name {
		font-size: 28upx;
		text-transform: Capitalize;
		margin-top: 20upx;
		position: relative;
	}

	.nav-name::before {
		content: "";
		position: absolute;
		display: block;
		width: 40upx;
		height: 6upx;
		background: #fff;
		bottom: 0;
		right: 0;
		opacity: 0.5;
	}

	.nav-name::after {
		content: "";
		position: absolute;
		display: block;
		width: 100upx;
		height: 1px;
		background: #fff;
		bottom: 0;
		right: 40upx;
		opacity: 0.3;
	}

	.nav-name::first-letter {
		font-weight: bold;
		font-size: 36upx;
		margin-right: 1px;
	}

	.nav-li text {
		position: absolute;
		right: 30upx;
		top: 30upx;
		font-size: 52upx;
		width: 60upx;
		height: 60upx;
		text-align: center;
		line-height: 60upx;
	}

	.text-light {
		font-weight: 300;
	}

	@keyframes show {
		0% {
			transform: translateY(-50px);
		}

		60% {
			transform: translateY(40upx);
		}

		100% {
			transform: translateY(0px);
		}
	}

	@-webkit-keyframes show {
		0% {
			transform: translateY(-50px);
		}

		60% {
			transform: translateY(40upx);
		}

		100% {
			transform: translateY(0px);
		}
	}
	
	/* 强制更新样式 */
	
	.searchtip {
		width: 80%;
		background: white;
	
		.uni-searchbar {
			width: 100%;
		}
	}
	/deep/.uni-drawer {
		z-index: 999999!important;
	}
	
	.buttoncontent{
		display: flex;
		justify-content: space-around;
		    position: absolute;
		    width: 100%;
		    bottom: 10px;
	}
	uni-button.button{
		border: unset;
		border-radius: 30px;
		color: white;
		width: 46%;
	}
	uni-button.blue{
		    background: blue;
	}
	uni-button.red{
		    background: red;
	}
	/deep/.uni-forms-item__content {
		min-height: unset;
		display: flex;
		align-items: center;
	}
	/deep/.cu-form-group {
		padding: unset;
		min-height: unset;
	}
	/deep/.cu-form-group .picker {
		line-height: unset!important;
	}
	/* 搜索侧边栏 */
	/deep/.uni-drawer__content--visible {
		overflow-y: auto;
	}
	.box{
		.formbox {
			padding: 10px;
			float: left;
			width: 100%;
			position: relative;
		
			.positop {
				background-color: white;
				width: 100%;
				z-index: 9;
			}
		
			.h5 {
				float: left;
				box-sizing: border-box;
				font-size: 18px;
				font-weight: bold;
				width: 100%;
			}
		
			.h4 {
				color: #007aff;
				font-size: 16px;
			}
			.ul.border{
				border-bottom: 1px solid #cccccc;
			}
			.ul {
				margin: 10px 0;
				    display: flex;
				    align-items: center;
				position: relative;
						.c1 {
					font-size: 16px;
				}
		
				.c2 {
					color: #999;
				}
		
				.c3 {
					color: #999;
				}
		
				.c4 {
					font-size: 14px;
					color: #999;
				}
		
				.c5 {
					padding: 2px;
					font-size: 10px;
					display: inline-block;
					color: white;
					transform: scale(0.9);
					background: linear-gradient(to right, #bb3e03, #ffb7c3);
				}
		
				.bootm {
					margin-bottom: 10px;
					width: 90%;
				}
			}
		}
	}
	
		//表格
		.h-table {
			width: 100%;
			/* 行 */
			.h-tr {
				background: white;
				box-sizing: border-box;
				display: flex;
				flex-direction: row;
				flex-wrap: nowrap;
				justify-content: flex-start;
				align-items: stretch;
				align-content: center;
		
				border-color: #e9e9e9;
				border-style: solid;
				border-width: 0;
				border-top-width: 1px;
				border-left-width: 1px;
				border-bottom-width: 1px;
				color: #333;
		
				/* 等比分列，1-6列 */
				@for $i from 1 through 6 {
					&-#{$i} {
						>.h-td {
							width: (100% / $i);
						}
					}
				}
		
				+.h-tr {
					border-top-style: none;
				}
			}
		
			/* 单元格 */
			.h-td.fontBold{
				width: 400px;
			}
			.h-td {
				box-sizing: border-box;
				padding: 3px;
				word-break: break-all;
				border-color: #e9e9e9;
				border-style: solid;
				border-width: 0;
				border-right-width: 1px;
				display: flex;
				flex-direction: row;
				flex-wrap: nowrap;
				justify-content: center;
				align-items: center;
				align-content: center;
				min-height: 64rpx;
		
				/* 跨列 */
				&-colspan {
					flex-grow: 1;
					width: 0;
				}
		
				/* 内容顶部对齐 */
				&-top {
					align-items: flex-start;
					align-content: flex-start;
				}
		
				/* 内容底部对齐 */
				&-bottom {
					align-items: flex-end;
					align-content: flex-end;
				}
		
				/* 内容左边对齐 */
				&-left {
					justify-content: flex-start;
				}
		
				/* 内容右边对齐 */
				&-right {
					justify-content: flex-end;
				}
			}
		
			/* 表头 */
			.h-thead {
				background-color: #72bced;
				color: white;
			}
		
			/* 表格虚线 */
			&-dashed {
				.h-tr {
					border-top-style: dashed;
					border-left-style: dashed;
					border-bottom-style: dashed;
				}
		
				.h-td {
					border-right-style: dashed;
				}
			}
		
			/* 表格主题 Map，颜色摘自 Bootstrap */
			$theme-table:(primary:(color:#fff,
					bgColor:#337ab7,
					border:#2e6da4),
				success:(color:#fff,
					bgColor:#5cb85c,
					border:#4cae4c),
				info:(color:#fff,
					bgColor:#5bc0de,
					border:#46b8da),
				warning:(color:#fff,
					bgColor:#f0ad4e,
					border:#eea236),
				danger:(color:#fff,
					bgColor:#d9534f,
					border:#d43f3a));
		
			/* 生成主题代码 */
			$theme-table-keys:map-keys($theme-table);
		
			@each $k in $theme-table-keys {
				$item: map-get($theme-table, $k);
		
				&-#{$k} {
					.h-tr {
						border-top-color: map-get($item, border);
						border-left-color: map-get($item, border);
						border-bottom-color: map-get($item, border);
						color: map-get($item, bgColor);
					}
		
					.h-td {
						border-right-color: map-get($item, border);
		
					}
		
					.h-thead {
						background-color: map-get($item, bgColor);
						color: map-get($item, color);
					}
				}
			}
		}
		
		//表格结束
		// 标题样式
		.titlecontent {
			padding: 20px 15px;
		
			.h6 {
				width: 100%;
				box-sizing: border-box;
				margin-bottom: 10px;
				font-size: 18px;
				position: relative;
				padding-left: 10px;
				display: inline-block;
			}
			.h6:before {
				width: 5px;
				content: '';
				height: 25px;
				background-color: #007aff;
				display: inline-block;
				border-radius: 7px;
				position: absolute;
				top: 0;
				left: 0;
			
			}
			.icon {
				float: right;
				color: #007aff;
			
			}
			
			.icon.xifen {
				font-size: 14px;
				color: #999;
			}
			
		}
		
		.page {
			padding-bottom: 100px;
		}
		
		//图片自适应
		.middle_img {
		        width: 100%;
		        display: inline-block;
			.Colt_center_middleImg{
				    width: 33.33%;
				    display: -webkit-box;
				    display: -moz-box;
				    display: -ms-flexbox;
				    display: -webkit-flex;
				    display: flex;
				    -moz-justify-content: center;
				    -webkit-justify-content: center;
				    justify-content: center;
				    -webkit-box-align: center;
				    -moz-align-items: center;
				    -webkit-align-items: center;
				    align-items: center;
				    overflow: hidden;
				    float: left;
				    padding: 0 5px;
					margin-bottom: 10px;
					.img_wapBox{
						    padding-bottom: 100%;
						    position: relative;
						    width: 100%;
						    overflow: hidden;
							.imag{
								    width: 100%;
								    height: 100%;
								    position: absolute;
								    top: 0;
								    left: 0;
								    object-fit: cover;
								    -webkit-transition: all 0.5s;
								    -o-transition: all 0.5s;
								    transition: all 0.5s;
								    border-radius: 10px;
							}
					}
			}
		}
		//底部弹出框
		/deep/.uni-transition {
			background: white;
			border-top-left-radius: 15px;
			border-top-right-radius: 15px;
			overflow: hidden;
		
			.scrollbox {
				height: 500px;
				float: left;
				overflow: auto;
				width: 100%;
				 uni-scroll-view,scroll-view{
					 padding-bottom: 0;
				 }
			}
		
			.scortop {
				padding: 10px;
				display: flex;
				align-items: center;
				justify-content: space-between;
				font-size: 18px;
				font-weight: bold;
				
			}
		}
		.loadingType{
			    text-align: center;
			    margin: 10px 0;
			    display: inline-block;
			    width: 100%;
		}
		
		.searchButton {
			    display: flex;
			    align-items: center;
				    background: white;
				    padding: 5px;
			.input{
				margin:0 5px;
				flex: 1;
				.inputtext{
					       padding: 0 5px;
					       line-height: 36px;
					       height: 36px;
					       border-radius: 5px;
					       background-color: rgb(248, 248, 248);
				}
			}
		}
		.bg-blue.border {
		    border: 1px solid #0081ff!important;
		    color: #0081ff!important;
		}
</style>
